import React, { Component } from 'react'

export default class Count extends Component {
  constructor() {
    super()
    this.state = { c: 0, msg: 'hello state' } //state是组件的私有数据,并且是组件的状态
  }
  handle() {
    this.setState({
      c: this.state.c + 1,
    })
  }
  render() {
    // render函数中可以访问this.并且this也一定是组件的实例
    return (
      <div>
        {this.state.msg}
        <div>-</div>
        <p className="test">{this.state.c}</p>
        <div
          // onClick={this.handle} handle中拿不到this
          onClick={() => {
            // 这里的this,其实是render的this
            // handle是被对象调用的.对象就是组件实例
            // 这个方式是性能最好的方式
            this.handle()
          }}
        >
          +
        </div>
      </div>
    )
  }
}
